<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			header{
				position: relative;
				width: 960px;
				margin: 0px auto;
			}
			#b{
				position: absolute;
				top: 10px;
				right: 200px;
			}
			ul {
				position: absolute;
				float: left;
				list-style-type: none;
				width: 10px;
			}
			span{
				position: absolute;
				top: 30px;
				right: 0px;
				background-color: #63A7D6;
				color: white;
			}
			header div{
				background-color: brown;
				
			}
			header a{
				text-decoration: none;
				color: white;
			}
			header a:hover{
				text-decoration: underline;
				
			}
			section{
				border: 1px solid white;
				width: 960px;
				height: 350px;
				position: relative;
				margin: 0px auto;
			}
			
			#a{
				
				position: absolute;
				top: 50px;
				left: 10px;
			}
			#aa{
				position: absolute;
				top: 30px;
				left: 230px;
				width: 330px;
				
				background-color: white;
				color: black;
			}
			#aaa{
				position: absolute;
				top: 50px;
				right: 360px;
			}
			#aaaa{
				position: absolute;
				top: 50px;
				right: 260px;
			}
			#bb{
				position: absolute;
				top: 50px;
				right: 0px;
				width: 250px;
				height: 150px;
				background-color: white;
				color: black;
			}
			footer{
				width: 960px;
				border: 1px solid white;
				margin: 0px auto;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<header>
			<img src="img/logo.jpg"/>
			<img src="img/icon_count.png" id="b"/>
				<span>
				尾品汇 
				当当优品
				数字馆
				都看阅器
				</span>
			<div >
				&nbsp;
			<a href="#">首页  </a>
			<a href="#">图书  </a>
			<a href="#">音像  </a>
			<a href="#">童装  </a>
			<a href="#">服装  </a>
			<a href="#">鞋靴  </a>
			<a href="#">运动  </a>
			<a href="#">箱包  </a>
			<a href="#">美妆  </a>
			<a href="#">珠宝  </a>
 		  	 				 		  			  	 
			</div>
			<img src="img/banner.png" />
		</header>
		<section>
			<img src="img/bg_bang.gif"/>
			<div>
				<img src="img/bookNo1.gif" id="a"/>
				<img src="img/book-01.jpg"/>
				<span id="aa">
					<p>偷影子的人 </p>
					作 者：[法] 马克·李维（Marc Levy）著,段韵灵 译 出版社：湖南文艺出版社
					<p>当当价：￥ 17.90</p>
					不知道姓氏的克蕾儿。这就是你在我生命里的角色，我童年时的小女孩，今日蜕变成了女人，一段青梅竹马的回忆，一个时间之神没有应允的愿望。 一个老是受班上同学欺负的瘦弱小男孩，因为拥有一种特殊能力而强大：他能“偷别人的影子”，因而能看见他
				</span>
			</div>
			<div>
				<img src="img/bookNo2.gif" id="aaa"/>
				<img src="img/book-02.jpg" id="aaaa"/>
				<span id="bb">
					看见(央视知名记者、主持人柴静：十年个人成长的告白，中国社会变迁的备忘 作 者：柴静 著
					<p>出版社：广西师范大学出版社</p>
					￥ 29.40 7.4折
					
				</span>
			</div>
		</section>
		<footer>
			Copyright (C) 当当网 2004-2017, All Rights Reserved京ICP证041189号出版物经营许可证 新出发京批字第直0673号
		</footer>


	</body>
</html>
